@charset "utf-8";
* {
	font-family: "微软雅黑", "宋体", "黑体";
	margin: 0px;
	padding: 0px;
	border: none;
    color: #333;
	font-size: 1em;
	list-style: none;
	list-style-type: none;
	text-decoration: none;
	box-sizing: border-box;
	transition: all 0.5s;
}
a:hover {text-decoration: none;color: #000;}
a:focus {text-decoration: none;color: #000;}
@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../iconfont/iconfont.woff2') format('woff2'),
    url('../iconfont/iconfont.woff') format('woff'),
    url('../iconfont/iconfont.ttf') format('truetype'),
    url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.container-fluid {padding: 0;}

@media screen and (min-width: 1200px) {
	.container {padding: 0;width: 1200px;}

	header {background: #fff;}
	.welcome {display: none;}
	.welcome-body .wel-txt {padding: 0;}
	.welcome-body .wel-txt p {margin: 0;padding: 5px 0;color: #fff;line-height: 20px;}
	.welcome-body .wel-txt.wel-rt p {text-align: right;}
	.welcome-body .wel-txt strong {color: #fff;cursor: pointer;}
	.welcome-body .wel-txt strong:hover {color: orange;}
	.welcome-body .wel-txt a {display: inline-block;width: 120px;text-align: center;color: #fff;}
	.welcome-body .wel-txt a:hover {color: orange;font-weight: bold;text-decoration: none;}
	
	.head {padding: 20px 0 0;z-index: 10;position: relative;}
	.head .head-lt {padding: 0;}
	.head .head-lt:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .head-lt .head-logo {float: left;width: 80px;height: 80px;padding: 10px;}
	.head .head-lt .head-logo .img-box {width: 60px;height: 60px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head .head-lt .head-logo .img-box img {display: block;max-width: 100%;max-height: 100%;}
	.head .head-lt .head-text {float: left;width: calc(100% - 80px);padding: 10px 0;}
	.head .head-lt .head-text strong {display: block;font-size: 28px;line-height: 40px;color: #000;letter-spacing: 2px;}
	.head .head-lt .head-text small {display: block;font-size: 14px;line-height: 20px;color: #000;font-weight: bold;text-transform: uppercase;}

	.head .head-rt {padding: 10px 0 0;position: static;}
	.head .head-rt .head-call {width: 100%;padding: 10px 0;}
	.head .head-rt .head-call:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .head-rt .head-call .call-box {float: right;}
	.head .head-rt .head-call .call-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .head-rt .head-call .call-box span {display: block;float: left;font-size: 18px;line-height: 30px;text-align: center;color: #fff;}	
	.head .head-rt .head-call .call-box span.iconfont {width: 30px;height: 30px;margin-right: 10px;border-radius: 50%;background: #ffffff;color: #0e0e0e;}
	.head .head-rt .head-call .call-box strong {display: block;float: left;padding: 0 5px;padding-right: 30px;font-size: 20px;line-height: 30px;color: #ffffff;}

	.head .head-bton {display: none;}


	/* ---- menu ---- */
	ul.LevSup {margin: 20px 0 0;height: 50px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: flex-start;}
	ul.LevSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	ul.LevSup li.LabTop {float: left;width: 12.5%;padding: 0 0 20px;text-align: center;}
	ul.LevSup li.LabTop a.Topa {display: block;width: 100%;height: 100%;margin: 0;padding: 0;font-size: 16px;line-height: 30px;color: #000;position: relative;}
	ul.LevSup li.LabTop a.Topa:before {content: "";display: block;opacity: 0; width: 4em;height: 1px;text-align: center;background: #000;transition: all 0.5s;position: absolute;left: calc(50% - 2em);bottom: 0;}
	ul.LevSup li.LabTop a.Topa:hover {color: #0075c1;}
	ul.LevSup li.LabTop a.Topa:hover:before {opacity: 1;background: #0075c1;}
	ul.LevSup li.LabTop.active a.Topa {color: #0075c1;}
	ul.LevSup li.LabTop.active a.Topa:before {opacity: 1;background: #0075c1;}
	ul.LevSup li.LabTop span {display: none;}

	ul.LevSup li.LabTop .LevBox {width: 100%;height: 0;margin: 0 auto;padding: 0;overflow: hidden;background: rgba(136, 221, 255, 0.5);z-index: 0;opacity: 0;position: static;left: 0;top: 120%;transition: all 0.5s;}
	ul.LevSup li.LabTop .LevBox .LevCon {display: none;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName {padding: 0 10px;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName p {margin: 0;text-align: left;font-size: 28px;line-height: 40px;color: #333333;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName hr {width: 60px;height: 2px;margin: 8px 0 0;border: none;background: #f04b01;}
	ul.LevSup li.LabTop .LevBox.active {height: 160px;padding: 10px 20px;z-index: 1000;opacity: 1;position: absolute;top: 100%}
	ul.LevSup li.LabTop .LevBox.active .LevCon {display: block;}
	
	ul.LevSup ul.LevSub {width: 100%;margin: 0;padding: 0;display: none;z-index: -1;transition: all 0.5s;}
	ul.LevSup ul.LevSub:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	ul.LevSup ul.LevSub.active{position: static;margin: 0;display: block;}
	ul.LevSup li.LabSub {width: 100%;padding: 5px;background: rgba(255, 255, 255, 0.5);opacity: 1;transition: all 0.5s;}
	ul.LevSup li.LabSub {float: left;width: calc((100% / 6) - 20px);margin: 10px;}
	ul.LevSup li.LabSub a {margin: 0;padding: 0;width: 100%;color: #666;}
	ul.LevSup li.LabSub:hover {box-shadow: 0 0 5px -2px #0e0e0e;}
	ul.LevSup li.LabSub:hover a {background: none;color: #0075c1;}


	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.ban-index .swiper-container .swiper-slide {height: 750px;line-height: 750px;}
	.ban-inside .swiper-container .swiper-slide {height: 450px;line-height: 450px;}


	/* ---- footer ---- */
	footer {background: #fff;}
	.foot {padding: 20px 0;}

	.foot .foot-menu {}
	.foot .foot-menu .txt-box {margin: 5px 0;padding: 0 100px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-menu .txt-box a {display: block;width: calc(12.5% - 20px);margin: 5px 10px;text-align: center;font-size: 16px;line-height: 30px;color: #000;}
	.foot .foot-menu .txt-box a:hover {color: #0075c1;}

	.foot .foot-copy {}
	.foot .foot-copy .txt-box {padding: 5px 0;line-height: 20px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-copy .txt-box span {display: block;padding: 0 0.5em;color: #000;}
	.foot .foot-copy .txt-box a {color: #000;}
	.foot .foot-copy .txt-box a:hover {color: #0075c1;}

	.foot .foot-call {}
	.foot .foot-call .txt-box {padding: 5px 0;line-height: 20px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-call .txt-box span {display: block;padding: 0 0.5em;color: #000;}
	.foot .foot-call .txt-box a {color: #000;}
	.foot .foot-call .txt-box a:hover {color: #0075c1;}

	.foot .foot-link {}
	.foot .foot-link .txt-box {padding: 5px 0;padding: 0 50px;line-height: 20px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-link .txt-box span {display: block;font-size: 12px;padding-right: 0.5em;color: #000;}
	.foot .foot-link .txt-box a {font-size: 12px;color: #000;padding-right: 1em;}
	.foot .foot-link .txt-box a:hover {color: #0075c1;}

	.Fixed {display: none;}
}

@media screen and (max-width: 1200px) {

	.container {padding: 0;width: 1200px;}

	header {background: #fff;}
	.welcome {display: none;}
	.welcome-body .wel-txt {padding: 0;}
	.welcome-body .wel-txt p {margin: 0;padding: 5px 0;color: #fff;line-height: 20px;}
	.welcome-body .wel-txt.wel-rt p {text-align: right;}
	.welcome-body .wel-txt strong {color: #fff;cursor: pointer;}
	.welcome-body .wel-txt strong:hover {color: orange;}
	.welcome-body .wel-txt a {display: inline-block;width: 120px;text-align: center;color: #fff;}
	.welcome-body .wel-txt a:hover {color: orange;font-weight: bold;text-decoration: none;}
	
	.head {z-index: 10;position: relative;}
	.head .head-lt {padding: 0;}
	.head .head-lt:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .head-lt .head-logo {float: left;width: 80px;height: 80px;padding: 10px;}
	.head .head-lt .head-logo .img-box {width: 60px;height: 60px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head .head-lt .head-logo .img-box img {display: block;max-width: 100%;max-height: 100%;}
	.head .head-lt .head-text {float: left;width: calc(100% - 80px);padding: 10px 0;}
	.head .head-lt .head-text strong {display: block;font-size: 28px;line-height: 40px;color: #000;letter-spacing: 2px;}
	.head .head-lt .head-text small {display: block;font-size: 14px;line-height: 20px;color: #000;font-weight: bold;text-transform: uppercase;}

	.head .head-rt {padding: 10px 0 0;position: static;}
	.head .head-rt .head-call {width: 100%;padding: 10px 0;}
	.head .head-rt .head-call:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .head-rt .head-call .call-box {float: right;}
	.head .head-rt .head-call .call-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .head-rt .head-call .call-box span {display: block;float: left;font-size: 18px;line-height: 30px;text-align: center;color: #fff;}	
	.head .head-rt .head-call .call-box span.iconfont {width: 30px;height: 30px;margin-right: 10px;border-radius: 50%;background: #ffffff;color: #0e0e0e;}
	.head .head-rt .head-call .call-box strong {display: block;float: left;padding: 0 5px;padding-right: 30px;font-size: 20px;line-height: 30px;color: #ffffff;}

	.head .head-bton {display: none;}


	/* ---- menu ---- */
	ul.LevSup {margin: 20px 0 0;height: 50px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: flex-start;}
	ul.LevSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	ul.LevSup li.LabTop {float: left;width: 12.5%;padding: 0 0 20px;text-align: center;}
	ul.LevSup li.LabTop a.Topa {display: block;width: 100%;height: 100%;margin: 0;padding: 0;font-size: 16px;line-height: 30px;color: #000;position: relative;}
	ul.LevSup li.LabTop a.Topa:before {content: "";display: block;opacity: 0; width: 4em;height: 1px;text-align: center;background: #000;transition: all 0.5s;position: absolute;left: calc(50% - 2em);bottom: 0;}
	ul.LevSup li.LabTop a.Topa:hover {color: #0075c1;}
	ul.LevSup li.LabTop a.Topa:hover:before {opacity: 1;background: #0075c1;}
	ul.LevSup li.LabTop.active a.Topa {color: #0075c1;}
	ul.LevSup li.LabTop.active a.Topa:before {opacity: 1;background: #0075c1;}
	ul.LevSup li.LabTop span {display: none;}

	ul.LevSup li.LabTop .LevBox {width: 100%;height: 0;margin: 0 auto;padding: 0;overflow: hidden;background: rgba(136, 221, 255, 0.5);z-index: 0;opacity: 0;position: static;left: 0;top: 120%;transition: all 0.5s;}
	ul.LevSup li.LabTop .LevBox .LevCon {display: none;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName {padding: 0 10px;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName p {margin: 0;text-align: left;font-size: 28px;line-height: 40px;color: #333333;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName hr {width: 60px;height: 2px;margin: 8px 0 0;border: none;background: #f04b01;}
	ul.LevSup li.LabTop .LevBox.active {height: 160px;padding: 10px 20px;z-index: 1000;opacity: 1;position: absolute;top: 100%}
	ul.LevSup li.LabTop .LevBox.active .LevCon {display: block;}
	
	ul.LevSup ul.LevSub {width: 100%;margin: 0;padding: 0;display: none;z-index: -1;transition: all 0.5s;}
	ul.LevSup ul.LevSub:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	ul.LevSup ul.LevSub.active{position: static;margin: 0;display: block;}
	ul.LevSup li.LabSub {width: 100%;padding: 5px;background: rgba(255, 255, 255, 0.5);opacity: 1;transition: all 0.5s;}
	ul.LevSup li.LabSub {float: left;width: calc((100% / 6) - 20px);margin: 10px;}
	ul.LevSup li.LabSub a {margin: 0;padding: 0;width: 100%;color: #666;}
	ul.LevSup li.LabSub:hover {box-shadow: 0 0 5px -2px #0e0e0e;}
	ul.LevSup li.LabSub:hover a {background: none;color: #0075c1;}


	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.ban-index .swiper-container .swiper-slide {height: 750px;line-height: 750px;}
	.ban-inside .swiper-container .swiper-slide {height: 450px;line-height: 450px;}


	/* ---- footer ---- */
	footer {background: #fff;}
	.foot {padding: 20px 0;}

	.foot .foot-menu {}
	.foot .foot-menu .txt-box {margin: 5px 0;padding: 0 100px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-menu .txt-box a {display: block;width: calc(12.5% - 20px);margin: 5px 10px;text-align: center;font-size: 16px;line-height: 30px;color: #000;}
	.foot .foot-menu .txt-box a:hover {color: #0075c1;}

	.foot .foot-copy {}
	.foot .foot-copy .txt-box {padding: 5px 0;line-height: 20px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-copy .txt-box span {display: block;padding: 0 0.5em;color: #000;}
	.foot .foot-copy .txt-box a {color: #000;}
	.foot .foot-copy .txt-box a:hover {color: #0075c1;}

	.foot .foot-call {}
	.foot .foot-call .txt-box {padding: 5px 0;line-height: 20px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-call .txt-box span {display: block;padding: 0 0.5em;color: #000;}
	.foot .foot-call .txt-box a {color: #000;}
	.foot .foot-call .txt-box a:hover {color: #0075c1;}

	.foot .foot-link {}
	.foot .foot-link .txt-box {padding: 5px 0;padding: 0 50px;line-height: 20px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-link .txt-box span {display: block;font-size: 12px;padding-right: 0.5em;color: #000;}
	.foot .foot-link .txt-box a {font-size: 12px;color: #000;padding-right: 1em;}
	.foot .foot-link .txt-box a:hover {color: #0075c1;}

	.Fixed {display: none;}
}
@media (max-width: 1024px){
}
@media (max-width: 992px){
}
@media (max-width: 768px){
}
@media (max-width: 640px) {
	body {width: auto;}
	.container {width: 100%;}

	.head .head-rt {padding: 0;}
	.head .head-lt .head-logo {width: 60px;height: 60px;padding: 5px;}
	.head .head-lt .head-logo .img-box {width: 50px;height: 50px;}
	.head .head-lt .head-text {padding: 5px 0;text-align: center;}
	.head .head-lt .head-text strong {font-size: 20px;line-height: 30px;letter-spacing: 6px;}
	.head .head-lt .head-text small {font-size: 12px;line-height: 20px;}

	.head .head-bton {display: block;padding: 0;}
	.head .head-bton .bton-menu {height: 60px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
	.head .head-bton .bton-menu span {display: block;margin: 0 auto;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 28px;color: #0075c1;}	


	.head-menu {width: 100%;height: 100%;background: rgba(0,0,0,0.1);z-index: 100;position: fixed;top: 0;left: -100%;transition: all 0.5s;}
	.head-menu .menu-box {width: 40%;height: 100%;margin: 0;}

	ul.LevSup {display: block;width: 100%;height: 100%;margin: 0;padding: 20px 0;background: #0e0e0e;border-right: 4px solid #f1f1f1;position: static;top: auto;}
	ul.LevSup li.LabTop {float: none;width: 100%;margin: 0;padding: 0;text-align: left;position: relative;}
	ul.LevSup li.LabTop a.Topa {display: inline;line-height: 40px;margin: 0;padding: 0;padding-left: 5em;border: none;background: none;color: #fff;}
	ul.LevSup li.LabTop a.Topa:before {display: none;}
	ul.LevSup li.LabTop .LevBox {height: auto;z-index: 100;opacity: 1;}
	ul.LevSup li.LabTop .LevBox .LevCon {display: block;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName {display: none;}
	ul.LevSup li.LabTop span.indicator {position: absolute;right: 1em;top: 10px;}
	ul.LevSup li.LabTop span.iconfont {font-size: 20px;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;display: block;}
	
	ul.LevSup li.LabTop.active .LevBox {background: #2b2b2b;}
	ul.LevSup ul.LevSub {display: none;z-index: -1;}
	ul.LevSup ul.LevSub.active {position: static;display: block;margin: 0;}
	ul.LevSup ul.LevSub li.LabSub {float: none;width: 100%;margin: 0;padding: 0;opacity: 0;}
	ul.LevSup ul.LevSub li.LabSub a {display: block;line-height: 30px;padding-left: 6em;font-size: 16px;color: #000;}
	ul.LevSup ul.LevSub.active li.LabSub.active {opacity: 1;}


	/* ---- banner ---- */
	.ban-index .swiper-container .swiper-slide {height: 240px;line-height: 240px;-webkit-background-size: 100% !important;background-size: 100% !important;}
	.ban-inside .swiper-container .swiper-slide {height: 150px;line-height: 150px;-webkit-background-size: 100% !important;background-size: 100% !important;}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {font-size: 24px;}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {font-size: 24px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}

	/* ---- footer ---- */
	footer {}
	.foot {padding: 10px 0 60px;}
	.foot .foot-menu {display: none;}
	.foot .foot-menu .txt-box {margin: 0;padding: 5px 0;}
	.foot .foot-menu .txt-box a {width: calc(25% - 10px);margin: 5px;}

	.foot .foot-copy .txt-box {justify-content: center;}
	.foot .foot-copy .txt-box span {font-size: 12px;line-height: 20px;}

	.foot .foot-link .txt-box {padding: 5px 0;}

	.Fixed {display: block;padding: 0;width: 100%;height: 50px;background: #0e0e0e;position: fixed;bottom: 0;z-index: 88;transition: all 0.5s;left: 100%;opacity: 0;visibility: hidden;}
	.Fixed ul {width: 100%;height: 100%;}
	.Fixed ul li {float: left;width: 20%;padding: 5px 0;}
	.Fixed ul li span {display: block;width: 40px;height: 20px;line-height: 20px;text-align: center;margin: 0 auto;font-size: 28px;color: #fff;}
	.Fixed ul li p {margin: 0;font-size: 14px;line-height: 20px;text-align: center;color: #fff;}
}
@media (max-width: 414px) {


	.head-menu .menu-box {width: 50%;}
	ul.LevSup li.LabTop a.Topa {font-size: 14px;padding-left: 3em;}
	ul.LevSup ul.LevSub li.LabSub a {font-size: 14px;padding-left: 3em;}

	.ban-index .swiper-container .swiper-slide {height: 240px;line-height: 240px;-webkit-background-size: 150% !important;background-size: 150% !important;}
	.ban-inside .swiper-container .swiper-slide {height: 140px;line-height: 140px;-webkit-background-size: 150% !important;background-size: 150% !important;}

}
@media (max-width: 375px) {
	.ban-index .swiper-container .swiper-slide {height: 215px;line-height: 215px;}
	.ban-inside .swiper-container .swiper-slide {height: 130px;line-height: 130px;}

}
@media (max-width: 360px) {
	.ban-index .swiper-container .swiper-slide {height: 205px;line-height: 205px;}
	.ban-inside .swiper-container .swiper-slide {height: 130px;line-height: 130px;}
}
@media (max-width: 320px) {
	.ban-index .swiper-container .swiper-slide {height: 185px;line-height: 185px;}
	.ban-inside .swiper-container .swiper-slide {height: 110px;line-height: 110px;}
}